
<template>
  <div class="containerWrap">
    <div class="wrap">
      <el-form :model="ruleForm"  ref="ruleForm" label-width="150px" class="demo-ruleForm">
        <el-form-item label="公司名称" prop="name" >
          <el-input v-model="ruleForm.name" placeholder="最多20个字符"></el-input>
        </el-form-item>
        <el-form-item label="公司code" prop="" >
          <el-input v-model="ruleForm.name" placeholder="2至20个字符"></el-input>
        </el-form-item>
        <el-form-item label="LOGO" prop="" >
          <input type="file">
        </el-form-item>
        <el-form-item label="摘要" prop="" >
          <el-input type="textarea" v-model="ruleForm.desc"></el-input>
        </el-form-item>
        <el-form-item label="来源" prop="" >
          <el-input  v-model="ruleForm.desc"></el-input>
        </el-form-item>
        <el-form-item label="后台管理人数" prop="" >
          <el-input  v-model="ruleForm.desc" placeholder="请填入整数"></el-input>
        </el-form-item>
        <el-form-item label="采集人数" prop="" >
          <el-input  v-model="ruleForm.desc" placeholder="请填入整数"></el-input>
        </el-form-item>
        <el-form-item label="存储空间(单位:mb)" prop="" >
          <el-input  v-model="ruleForm.desc" placeholder="单位:mb"></el-input>
        </el-form-item>
        <el-form-item label="有效时间" prop="" >
          <el-input type="textarea" v-model="ruleForm.desc" placeholder="无线为空，单位: 天，如30，则为30天"></el-input>
        </el-form-item>
        <el-form-item label="超级管理员名称" prop="" >
          <el-input  v-model="ruleForm.desc" placeholder="无线为空，单位: 天，如30，则为30天"></el-input>
        </el-form-item>
        <el-form-item label="超级管理员密码" prop="" >
          <el-input  v-model="ruleForm.desc" ></el-input>
          <el-button type="warning" @click="reset" size="small">重置</el-button>
        </el-form-item>
      </el-form>
      <div class="buttonWrap">
        <el-button @click="cancel"  size="small">取消</el-button>
        <el-button type="info" @click="save"  size="small">保存</el-button>
      </div>
    </div>
  </div>
</template>


<script>
  export default {
    data () {
      return {
        tableData: [],
        ruleForm: {}
      };
    },
    methods: {
      // 开通账户
      openAccount () {
        alert('开通账户');
      },
      // 列表每页显示数量改变
      handleSizeChange (size) {
        alert('每页数量改变');
      },
      // 请求第几页
      handleIndexChange (index) {
        alert('请求第几页');
      },
      // 重置
      reset () {
        alert('重置');
      },
      // 保存
      save () {
        alert('保存');
      },
      // 取消
      cancel () {
        alert('取消');
      }
    },
    components: {},
    created: function () {
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .wrap{
    width: 800px;
  }

</style>
